<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>函数</title>
</head>
<body>
<script>
    //js中的函数
    //普通函数
        //匿名函数 function(){}
        //具名函数 function fn(){}
        //构造函数 function Fn(){}

        //自执行函数
    (function (a){
        console.log(a);
    })(100);

    ~function (a){
        console.log(a);
    }(100);

    !!function (a){
        console.log(a);
    }(100);

    //箭头函数
        //()=>{}
    let arr = [1,2,3,4];
    // let newArr = arr.filter(function (item,index){
    //     return item >= 3
    // })
    // let newArr = arr.filter((item,index)=>{
    //     return item >= 3
    // })
    // let newArr = arr.filter(item=>{
    //     return item >= 3
    // })
    let newArr = arr.filter(item=>item>=3)

    //ES6新增的箭头函数  箭头函数的出现就是为了解决普通函数中this指向的问题


    // let fn = ()=>{}
    //箭头函数 匿名函数 lamda

    //后端代码普通函数
    //pubic function fn:string (a:int, b:int){
    //   return (a + b).toString()
    // }
    //后端代码箭头函数
    //pubic fn:string (a:int, b:int) -> {
    //   return (a + b).toString()
    // }




    console.log(newArr);// [3,4]





    //generator函数
        //function * gen(){}



</script>
</body>
</html>